<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="utf-8" />

  <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame 
       Remove this if you use the .htaccess -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

  <title>SG2T</title>
  <meta name="description" content="" />
  <meta name="generator" content="Studio 3 http://aptana.com/" />
  <meta name="author" content="Sebaxtian" />

  <!--<meta name="viewport" content="width=device-width; initial-scale=1.0" />-->

  <!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
  <link rel="shortcut icon" href="/favicon.ico" />
  <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
  
	<!--Importar Archivos Necesarios Para Trabajar Con Ext-3.3.1 En El Siguiente Orden
	<link rel="stylesheet" type="text/css" href="ext-3.3.1/resources/css/ext-all.css" />
	<script type="text/javascript" src="ext-3.3.1/adapter/ext/ext-base.js"></script>
	<script type="text/javascript" src="ext-3.3.1/ext-all.js"></script>-->
	
	<!--Importar Archivos Necesarios Para Trabajar Con Ext-4.0.0 En El Siguiente Orden-->
	<link rel="stylesheet" type="text/css" href="ext-4.0.0/resources/css/ext-all.css" />
	<!--<script type="text/javascript" src="ext-4.0.0/adapter/ext/ext-base.js"></script>-->
	<script type="text/javascript" src="ext-4.0.0/ext-all.js"></script>
	
	<!--Importa Archivos de GUI-->
	<script type="text/javascript" src="scripts/ExtJS/IniciarSesion/IniciarSesion.ui.js"></script>
	<script type="text/javascript" src="scripts/ExtJS/PanelCuerpo/PanelCuerpo.ui.js"></script>
	
	<!--Importar estilos CSS para la pagina-->
	<link rel="stylesheet" type="text/css" href="estilos/estilo0.css" />
  
</head>

<body>
  <div class="contenedor">
  	
    <header>
    </header>

		<div id="divCuerpo" class="cuerpo">
			
			<script type="text/javascript">
				Ext.onReady(function(){
					// Instancia elementos.
					var iniciarSesion;
					var panelCuerpo = new PanelCuerpo();
					var barraMenusPrincipal = Ext.create('Ext.toolbar.Toolbar', {renderTo: Ext.get("divCuerpo"), autoWidth: true});
					
					// Instancia de botones.
					var btnHome = Ext.create('Ext.Button', {xtype: 'button', text: 'Home', itemId: 'btnHome'});
					var btnEstadisticas = Ext.create('Ext.Button', {xtype: 'button', text: 'Estadisticas', itemId: 'btnEstadisticas'});
					var btnTorneos = Ext.create('Ext.Button', {xtype: 'button', text: 'Torneos', itemId: 'btnTorneos'});
					var btnJugadores = Ext.create('Ext.Button', {xtype: 'button', text: 'Jugadores', itemId: 'btnJugadores'});
					var btnRankings = Ext.create('Ext.Button', {xtype: 'button', text: 'Rankings', itemId: 'btnRankings'});
					var btnIniciarSesion = Ext.create('Ext.Button', {xtype: 'button', text: 'Iniciar Sesion', itemId: 'btnIniciarSesion'});
					
					// Agrega el manejador de eventos a los botones.
					btnHome.on('Click', clickBotonHome);
					btnEstadisticas.on('Click', clickBotonEstadisticas);
					btnTorneos.on('Click', clickBotonTorneos);
					btnJugadores.on('Click', clickBotonJugadores);
					btnRankings.on('Click', clickBotonRankings);
					btnIniciarSesion.on('Click', clickBotonIniciarSesion);
					
					// Agrega botones a la barra de menus
					barraMenusPrincipal.add(btnHome, '-', btnEstadisticas, '-', btnTorneos, '-', btnJugadores, '-', btnRankings, '-', btnIniciarSesion);
					
					
					// Manejadores de eventos.
					function clickBotonHome(item){
						Ext.Msg.alert('Status', 'Se hace Click en el menu '+item.text);
				  }
				  
				  function clickBotonEstadisticas(item){
						Ext.Msg.alert('Status', 'Se hace Click en el menu '+item.text);
				  }
				  
				  function clickBotonTorneos(item){
						Ext.Msg.alert('Status', 'Se hace Click en el menu '+item.text);
				  }
				  
				  function clickBotonJugadores(item){
						Ext.Msg.alert('Status', 'Se hace Click en el menu '+item.text);
				  }
				  
				  function clickBotonRankings(item){
						Ext.Msg.alert('Status', 'Se hace Click en el menu '+item.text);
				  }
				  
				  function clickBotonIniciarSesion(item){
						//Ext.Msg.alert('Status', 'Se hace Click en el menu '+item.text);
						iniciarSesion = new IniciarSesion();
						iniciarSesion.getComponent('btnIniciar').on('Click',cerrarVentanaIniciarSesion);
						iniciarSesion.getComponent('btnCancelar').on('Click',cerrarVentanaIniciarSesion);
						iniciarSesion.show();
				  }
				  
				  function cerrarVentanaIniciarSesion(item){
				  	if(item.text == "Iniciar") {
				  		Ext.Msg.alert('Status', 'Se hace Click en el menu '+item.text);
				  		// ---- buscar usuario en base de datos
				  	} else {
				  		Ext.Msg.alert('Status', 'Se hace Click en el menu '+item.text);
				  		iniciarSesion.close();
				  	}
				  }
				  
				  // Agrega elementos.
				  panelCuerpo.add(barraMenusPrincipal);
					panelCuerpo.show();
 				});
			</script>
			
		</div>

    <footer>
     <p>&copy; Copyright 2011 by Sebaxtian Update: jue may 12 11:13:25 COT 2011</p>
    </footer>
  </div>
</body>
</html>